<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            *{
                padding: 0;
                margin: 0;
            }
            .a{
                width: 200px;
                height: 200px;
                background: red;
                /*
                相对定位：元素相对于自己本身原来的位置进行定位，不会改变元素本身的特性
                */
            }
            .b{
                width: 300px;
                height: 300px;
                background: blue;
            }
        </style>
    </head>
    <body>
        <div class="a"></div>
        <div class="b"></div>
    </body>
</html>